<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Allpyra</title>
    <link rel="stylesheet" href="./css/index.min.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <script src="./js/flexible.js"></script>
</head>
<body>
    <!-- head -->
    <header>
        <h2 class="sou_l"><i class="iconfont icon-ling"></i></h2>
        <h1 class="logo"><img src="./images/logo.png" alt=""></h1>
        <h2 class="ling_r"><i class="iconfont icon-sousuo"></i></i></h2>
    </header>
    <!-- main -->
    <main>
        <!-- 显示区 -->
        <section class="seeWrap">
            <!-- 内容区 -->
            <section class="content-wrap">
                <!-- banner -->
                <section class="banner_con">
                    <a href="#"><img src="./images/banner.jpg" alt=""></a>
                    <ul class="banner_list">
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </section>
                <!-- 每日秒杀list -->
                <section class="nav_list">
                    <dl class="list_dl">
                        <dt><img src="./images/icon1.png" alt=""></dt>
                        <dd>每日秒杀</dd>
                    </dl>
                    <dl class="list_dl">
                        <dt><img src="./images/icon2.png" alt=""></dt>
                        <dd>每日秒杀</dd>
                    </dl>
                    <dl class="list_dl">
                        <dt><img src="./images/icon3.png" alt=""></dt>
                        <dd>每日秒杀</dd>
                    </dl>
                    <dl class="list_dl">
                        <dt><img src="./images/icon4.png" alt=""></dt>
                        <dd>每日秒杀</dd>
                    </dl>
                </section>
                <!-- 生活研究所 -->
                <section class="life_wrap">
                    <article class="life_ad">
                        <article class="life_tit">
                            <h3>
                                <a href="#">最新</a>
                                <span>途上大红唇，泫雅妆容get</span>
                            </h3>
                            <h4>
                                <a href="#">最新</a>
                                <span>途上大红唇，泫雅妆容get</span></h3>
                        </article> 
                    </article>
                </section>
                <!-- ad & 商品展示 -->
                <section class="adShow_wrap">
                    <section class="adShow_con">
                        <article class="ad_top">
                            <img src="./images/banner1.jpg" alt="">
                        </article>
                        <article class="show_bot">
                            <figure class="show_pro">
                                <a href="#"><img src="./images/list2-1.jpg" alt=""></a>
                                <figcaption>
                                    <p>施华洛世奇施华洛世奇恶魔之眼手镯</p>
                                    <h6>￥799</h6>
                                </figcaption>
                            </figure>
                            <figure class="show_pro">
                                <a href="#"><img src="./images/list2-1.jpg" alt=""></a>
                                <figcaption>
                                    <p>施华洛世奇施华洛世奇恶魔之眼手镯</p>
                                    <h6>￥799</h6>
                                </figcaption>
                            </figure>
                            <figure class="show_pro">
                                <a href="#"><img src="./images/list2-1.jpg" alt=""></a>
                                <figcaption>
                                    <p>施华洛世奇施华洛世奇恶魔之眼手镯</p>
                                    <h6>￥799</h6>
                                </figcaption>
                            </figure>
                            <figure class="show_pro">
                                <a href="#"><img src="./images/list2-1.jpg" alt=""></a>
                                <figcaption>
                                    <p>施华洛世奇施华洛世奇恶魔之眼手镯</p>
                                    <h6>￥799</h6>
                                </figcaption>
                            </figure>
                            <figure class="show_pro">
                                <a href="#"><img src="./images/list2-1.jpg" alt=""></a>
                                <figcaption>
                                    <p>施华洛世奇施华洛世奇恶魔之眼手镯</p>
                                    <h6>￥799</h6>
                                </figcaption>
                            </figure>
                            <figure class="show_pro">
                                <a href="#"><img src="./images/list2-1.jpg" alt=""></a>
                                <figcaption>
                                    <p>施华洛世奇施华洛世奇恶魔之眼手镯</p>
                                    <h6>￥799</h6>
                                </figcaption>
                            </figure>
                        </article>
                    </section>
                    <section class="adShow_con">
                        <article class="ad_top">
                            <img src="./images/banner1.jpg" alt="">
                        </article>
                        <article class="show_bot">
                            <figure class="show_pro">
                                <a href="#"><img src="./images/list2-1.jpg" alt=""></a>
                                <figcaption>
                                    <p>施华洛世奇施华洛世奇恶魔之眼手镯</p>
                                    <h6>￥799</h6>
                                </figcaption>
                            </figure>
                            <figure class="show_pro">
                                <a href="#"><img src="./images/list2-1.jpg" alt=""></a>
                                <figcaption>
                                    <p>施华洛世奇施华洛世奇恶魔之眼手镯</p>
                                    <h6>￥799</h6>
                                </figcaption>
                            </figure>
                            <figure class="show_pro">
                                <a href="#"><img src="./images/list2-1.jpg" alt=""></a>
                                <figcaption>
                                    <p>施华洛世奇施华洛世奇恶魔之眼手镯</p>
                                    <h6>￥799</h6>
                                </figcaption>
                            </figure>
                            <figure class="show_pro">
                                <a href="#"><img src="./images/list2-1.jpg" alt=""></a>
                                <figcaption>
                                    <p>施华洛世奇施华洛世奇恶魔之眼手镯</p>
                                    <h6>￥799</h6>
                                </figcaption>
                            </figure>
                            <figure class="show_pro">
                                <a href="#"><img src="./images/list2-1.jpg" alt=""></a>
                                <figcaption>
                                    <p>施华洛世奇施华洛世奇恶魔之眼手镯</p>
                                    <h6>￥799</h6>
                                </figcaption>
                            </figure>
                            <figure class="show_pro">
                                <a href="#"><img src="./images/list2-1.jpg" alt=""></a>
                                <figcaption>
                                    <p>施华洛世奇施华洛世奇恶魔之眼手镯</p>
                                    <h6>￥799</h6>
                                </figcaption>
                            </figure>
                        </article>
                    </section>
                    <section class="adShow_con">
                        <article class="ad_top">
                            <img src="./images/banner1.jpg" alt="">
                        </article>
                        <article class="show_bot">
                            <figure class="show_pro">
                                <a href="#"><img src="./images/list2-1.jpg" alt=""></a>
                                <figcaption>
                                    <p>施华洛世奇施华洛世奇恶魔之眼手镯</p>
                                    <h6>￥799</h6>
                                </figcaption>
                            </figure>
                            <figure class="show_pro">
                                <a href="#"><img src="./images/list2-1.jpg" alt=""></a>
                                <figcaption>
                                    <p>施华洛世奇施华洛世奇恶魔之眼手镯</p>
                                    <h6>￥799</h6>
                                </figcaption>
                            </figure>
                            <figure class="show_pro">
                                <a href="#"><img src="./images/list2-1.jpg" alt=""></a>
                                <figcaption>
                                    <p>施华洛世奇施华洛世奇恶魔之眼手镯</p>
                                    <h6>￥799</h6>
                                </figcaption>
                            </figure>
                            <figure class="show_pro">
                                <a href="#"><img src="./images/list2-1.jpg" alt=""></a>
                                <figcaption>
                                    <p>施华洛世奇施华洛世奇恶魔之眼手镯</p>
                                    <h6>￥799</h6>
                                </figcaption>
                            </figure>
                            <figure class="show_pro">
                                <a href="#"><img src="./images/list2-1.jpg" alt=""></a>
                                <figcaption>
                                    <p>施华洛世奇施华洛世奇恶魔之眼手镯</p>
                                    <h6>￥799</h6>
                                </figcaption>
                            </figure>
                            <figure class="show_pro">
                                <a href="#"><img src="./images/list2-1.jpg" alt=""></a>
                                <figcaption>
                                    <p>施华洛世奇施华洛世奇恶魔之眼手镯</p>
                                    <h6>￥799</h6>
                                </figcaption>
                            </figure>
                        </article>
                    </section>
                    <section class="adShow_con">
                        <article class="ad_top">
                            <img src="./images/banner1.jpg" alt="">
                        </article>
                        <article class="show_bot">
                            <figure class="show_pro">
                                <a href="#"><img src="./images/list2-1.jpg" alt=""></a>
                                <figcaption>
                                    <p>施华洛世奇施华洛世奇恶魔之眼手镯</p>
                                    <h6>￥799</h6>
                                </figcaption>
                            </figure>
                            <figure class="show_pro">
                                <a href="#"><img src="./images/list2-1.jpg" alt=""></a>
                                <figcaption>
                                    <p>施华洛世奇施华洛世奇恶魔之眼手镯</p>
                                    <h6>￥799</h6>
                                </figcaption>
                            </figure>
                            <figure class="show_pro">
                                <a href="#"><img src="./images/list2-1.jpg" alt=""></a>
                                <figcaption>
                                    <p>施华洛世奇施华洛世奇恶魔之眼手镯</p>
                                    <h6>￥799</h6>
                                </figcaption>
                            </figure>
                            <figure class="show_pro">
                                <a href="#"><img src="./images/list2-1.jpg" alt=""></a>
                                <figcaption>
                                    <p>施华洛世奇施华洛世奇恶魔之眼手镯</p>
                                    <h6>￥799</h6>
                                </figcaption>
                            </figure>
                            <figure class="show_pro">
                                <a href="#"><img src="./images/list2-1.jpg" alt=""></a>
                                <figcaption>
                                    <p>施华洛世奇施华洛世奇恶魔之眼手镯</p>
                                    <h6>￥799</h6>
                                </figcaption>
                            </figure>
                            <figure class="show_pro">
                                <a href="#"><img src="./images/list2-1.jpg" alt=""></a>
                                <figcaption>
                                    <p>施华洛世奇施华洛世奇恶魔之眼手镯</p>
                                    <h6>￥799</h6>
                                </figcaption>
                            </figure>
                        </article>
                    </section>
                    <section class="adShow_con adShow_bottom">
                        <article class="ad_top">
                            <img src="./images/banner1.jpg" alt="">
                        </article>
                        <article class="show_bot">
                            <figure class="show_pro">
                                <a href="#"><img src="./images/list2-1.jpg" alt=""></a>
                                <figcaption>
                                    <p>施华洛世奇施华洛世奇恶魔之眼手镯</p>
                                    <h6>￥799</h6>
                                </figcaption>
                            </figure>
                            <figure class="show_pro">
                                <a href="#"><img src="./images/list2-1.jpg" alt=""></a>
                                <figcaption>
                                    <p>施华洛世奇施华洛世奇恶魔之眼手镯</p>
                                    <h6>￥799</h6>
                                </figcaption>
                            </figure>
                            <figure class="show_pro">
                                <a href="#"><img src="./images/list2-1.jpg" alt=""></a>
                                <figcaption>
                                    <p>施华洛世奇施华洛世奇恶魔之眼手镯</p>
                                    <h6>￥799</h6>
                                </figcaption>
                            </figure>
                            <figure class="show_pro">
                                <a href="#"><img src="./images/list2-1.jpg" alt=""></a>
                                <figcaption>
                                    <p>施华洛世奇施华洛世奇恶魔之眼手镯</p>
                                    <h6>￥799</h6>
                                </figcaption>
                            </figure>
                            <figure class="show_pro">
                                <a href="#"><img src="./images/list2-1.jpg" alt=""></a>
                                <figcaption>
                                    <p>施华洛世奇施华洛世奇恶魔之眼手镯</p>
                                    <h6>￥799</h6>
                                </figcaption>
                            </figure>
                            <figure class="show_pro">
                                <a href="#"><img src="./images/list2-1.jpg" alt=""></a>
                                <figcaption>
                                    <p>施华洛世奇施华洛世奇恶魔之眼手镯</p>
                                    <h6>￥799</h6>
                                </figcaption>
                            </figure>
                        </article>
                    </section>
                </section>
                <!-- 全球必买 -->
                <section class="global_wrap">
                    <article class="global_tit">
                        <h3>/全球必买/</h3>
                        <p>HOT GOOD</p>
                    </article>
                    <article class="global_con">
                        <figure class="global_pro">
                            <a href="#"><img src="./images/img1.jpg" alt=""></a>
                            <figcaption>
                                <p>雅诗兰黛特润小棕瓶 修护肌透精华露</p> 
                                <h5>
                                    <span>￥1000</span>
                                    <em>法国</em>
                                </h5>
                            </figcaption>
                        </figure>
                        <figure class="global_pro">
                            <a href="#"><img src="./images/img2.jpg" alt=""></a>
                            <figcaption>
                                <p>雅诗兰黛特润小棕瓶 修护肌透精华露 小棕瓶小棕瓶小棕瓶小棕瓶小棕瓶</p> 
                                <h5>
                                    <span>￥1000</span>
                                    <em>法国</em>
                                </h5>
                            </figcaption>
                        </figure>
                        <figure class="global_pro">
                            <a href="#"><img src="./images/img3.jpg" alt=""></a>
                            <figcaption>
                                <p>雅诗兰黛特润小棕瓶 修护肌透精华露</p> 
                                <h5>
                                    <span>￥1000</span>
                                    <em>法国</em>
                                </h5>
                            </figcaption>
                        </figure>
                        <figure class="global_pro">
                            <a href="#"><img src="./images/img4.jpg" alt=""></a>
                            <figcaption>
                                <p>雅诗兰黛特润小棕瓶 修护肌透精华露 小棕瓶小棕瓶小棕瓶小棕瓶小棕瓶</p> 
                                <h5>
                                    <span>￥1000</span>
                                    <em>法国</em>
                                </h5>
                            </figcaption>
                        </figure>
                        <figure class="global_pro">
                            <a href="#"><img src="./images/img5.jpg" alt=""></a>
                            <figcaption>
                                <p>雅诗兰黛特润小棕瓶 修护肌透精华露</p> 
                                <h5>
                                    <span>￥1000</span>
                                    <em>法国</em>
                                </h5>
                            </figcaption>
                        </figure>
                        <figure class="global_pro">
                            <a href="#"><img src="./images/img6.jpg" alt=""></a>
                            <figcaption>
                                <p>雅诗兰黛特润小棕瓶 修护肌透精华露 小棕瓶小棕瓶小棕瓶小棕瓶小棕瓶</p> 
                                <h5>
                                    <span>￥1000</span>
                                    <em>法国</em>
                                </h5>
                            </figcaption>
                        </figure>
                    </article>
                   
                </section>
            </section>
        </section>

    </main>
    <!-- foot -->
    <footer>
        <div class="foot-wrap">
            <a href="#" class="pic"><img src="./images/tab1.png" alt=""></a>
            <a href="#" class="pic_c"><img src="./images/tab1-2.png" alt=""></a>
            <p>首页</p>
        </div>
        <div class="foot-wrap">
            <a href="#" class="pic"><img src="./images/tab2.png" alt=""></a>
            <a href="#" class="pic_c"><img src="./images/tab2-1.png" alt=""></a>
            <p>分类</p>
        </div>
        <div class="foot-wrap">
            <a href="#" class="pic"><img src="./images/tab3.png" alt=""></a>
            <a href="#" class="pic_c"><img src="./images/tab3-2.png" alt=""></a>
            <p>购物车</p>
        </div>
        <div class="foot-wrap">
            <a href="#" class="pic"><img src="./images/tab4.png" alt=""></a>
            <a href="#" class="pic_c"><img src="./images/tab4-2.png" alt=""></a>
            <p>我的</p>
        </div>
    </footer>
</body>
</html>